body {
    overflow-x:hidden;
    overflow-y:hidden;
}
.header{
    height: 40px;
    line-height: 40px;
    background: #2a94de;
    color: #fff;
}
.header a{
    color: white;
    text-decoration: none;
    cursor: pointer;
}
.center{
    display: flex;
    flex: 1;
}
.menu{
    width: 250px;
    background: #222d32;
    font-size: 12px;
}
.main{
    flex: 1;
}
/*ul,li,ol{*/
/*    margin: unset;*/
/*    padding: unset;*/
/*    list-style: none;*/
/*}*/
/*.menu-tree{*/
/*    width: 250px;*/
/*    font-size: 16px;*/
/*    color: #fff;*/
/*    background: #293038;*/
/*}*/
/*.menu-tree>li,.menu-item>li{*/
/*    background: #293038;*/
/*    width: 200px;*/
/*    line-height: 40px;*/
/*    display: block;*/
/*    height: 40px;*/
/*    color: #fff;*/
/*    cursor: pointer;*/
/*    font-size: 14px;*/
/*    text-decoration: none;*/
/*}*/
/*.menu-tree>li{*/
/*    padding-left: 16px;*/
/*}*/
/*.menu-tree>li:hover,.menu-item>li:hover{*/
/*    color: #2aabd2;*/
/*}*/
/*.menu-tree>li>text,.menu-item>li>text{*/
/*    margin-left: 8px;*/
/*}*/
.menu-tree>.active,.menu-item>.active{
    background: #3c3c3c;
    color: #cccccc;
}
/*.menu-tree>.open{*/
/*    height: unset;*/
/*}*/
/*.menu-tree>.parent >.menu-item{*/
/*    display: none;*/
/*}*/
/*.menu-tree>.open>.menu-item{*/
/*    display: block;*/
/*}*/
/*.menu-item{*/
/*    padding-left: 20px;*/
/*}*/


ul,ol,li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-tree{
    width: 250px;
    background: #222d32;
    color: #c7ddef;
}
.menu-tree>li>text,.menu-item>li>text{
    line-height: 40px;
    padding-left: 10px;
    font-size: 12px;
}
.menu-tree>li,.menu-item>li{
    border-bottom: 1px solid #c7ddef;
    cursor: pointer;
}
.menu-tree>li>text:hover,.menu-item>li>text:hover{
    color: #00ccff;
    overflow:visible;
}
.menu-tree>li>span:nth-of-type(1){
    padding-left: 20px;
    font-size: 12px;
}
.menu-item>li>span:nth-of-type(1){
    padding-left: 40px;
    font-size: 12px;
}
.menu-tree>li>span:nth-of-type(2),.menu-item>li>span:nth-of-type(2){
    float: right;
    line-height: 40px;
    margin-right: 30px;
    color: #c7ddef;
    font-size: 12px;
}
.menu-item>li>.menu-item>li>span:nth-of-type(1){
    padding-left: 60px;
    font-size: 12px;
}
.menu-item>li>.menu-item>li>.menu-item>li>span:nth-of-type(1){
    padding-left: 80px;
    font-size: 12px;
}
.menu-item>li>.menu-item>li>.menu-item>li>.menu-item>li>span:nth-of-type(1){
    padding-left: 100px;
    font-size: 12px;
}
.parent{
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
    unselectable:"on"
}
.parent>.menu-item{
    display: none;
}
.open>.menu-item{
    display: block;
}


.main>.container-fluid{
    padding-left: 0;
}
.frame-setHigh{
    margin-top: 10px;
    padding-bottom: 50%;
}
.footer{
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #2a94de;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 41px;
    color: #fff;
    /* padding-left: 10px; */
}
.main>.container-fluid>.nav-tabs>li>a>text{

    margin-right: 8px;
}